<template>
	<view id="loadingDiv" v-if="loadshow">
		<view id="full">
		</view>
		<view id="fullloading">
			<image :style="{width:iconwidth+'rpx',height:iconheight+'rpx'}" :src="loadicon"></image>
		</view>
	</view>
	<!-- <view v-if="is_loading" class="fullloading" :style="{backgroundColor: bgcolor}">
		<image :src="loadicon" :style="{width:iconwidth+'rpx',height:iconheight+'rpx'}"></image>
		<view class="text" v-if="text" :style="{fontSize:textsize+'rpx',color:textcolor}">{{text}}</view>
	</view> -->
</template>
<script>
	export default {
		props: {
			loadicon: {
				type: String,
				default () {
					return '/static/img/loading.gif'
				}
			},
			text: {
				type: String,
				default () {
					return ''
				}
			},
			iconwidth: {
				type: [Number, String],
				default () {
					return 80
				}
			},
			iconheight: {
				type: [Number, String],
				default () {
					return 80
				}
			},
			textcolor: {
				type: String,
				default () {
					return '#000000'
				}
			},
			textsize: {
				type: [Number, String],
				default () {
					return 30
				}
			},
			bgcolor: {
				type: String,
				default () {
					return '#ffffff'
				}
			},
			loadshow: {
				type: Boolean,
				default () {
					return false
				}
			},
		}
	}
</script>
<style scoped>
	#fullloading {
		position: absolute;
		top: 40%;
		left: 40%;
		width: 20%;
		height: 20%;
		z-index: 1001;
		text-align: center;
	}

	#full {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #f5f5f5;
		opacity: 0.5;
		z-index: 1000;
	}
</style>
